<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./animation.css">
</head>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="./index.js"></script>

<body>
    <div class="main">
        <div class="bg">
            <div class="bgzz bottom-list-bg"></div>
        </div>
        <section>
            <div class="img-main">
                <h1>ECER产品发布</h1>
                <h2>极速建站 出海不难</h2>
                <div class="startBtn"> <a href="">立即开始</a> <img src="./ucimg/组 144.png" alt=""></div>
                <div class="bottom-list-bg" id="lista">
                    <div class="list">
                        <div id="a1" class="list1">
                            <img src="./ucimg/图像 80@2x.png" alt="">
                            <p>30秒一条产品</p>
                            <span>
                                信息录入极其简单，编辑一条产品所需时间不足30秒
                            </span>
                        </div>
                        <div id="a2" class="time">
                            <span><img style="width: 100%;height: 100%;" src="./ucimg/000030.png" alt=""></span>
                            <span>

                            </span>
                        </div>
                        <div id="a3" class="list1 list2">
                            <img src="./ucimg/图像 85@2x.png" alt="">
                            <p>零延迟发布</p>
                            <span>
                                保存，发布，就能立即上线，您无需任何等待
                            </span>
                        </div>
                        <div id="a4" class="time">
                            <span><img style="width: 100%;height: 100%;" src="./ucimg/000000.png" alt=""></span>
                            <span>

                            </span>
                        </div>
                        <div id="a5" class="list1 list3">
                            <img src="./ucimg/图像 96@2x.png" alt="">
                            <p>立即在ecer上销售</p>
                            <span>
                                直接把产品发布在ecer上，平台将为您带来展示和商机
                            </span>
                        </div>
                    </div>
                    <a class="start" href="">现在开始 <span>〉</span> </a>
                </div>
            </div>
            <div class="gardlist">
                <div>
                    <div class="img img1">
                        <img src="./ucimg/组 1217.jpg" alt="">
                        <img class="bottom-img1" src="./ucimg/组 1220.png" alt="">
                    </div>
                    <p class="title">获得宜选推荐询盘</p>
                    <p class="info">
                        一旦您的产品被发布，询盘中心（宜选买家库）将为您推荐相关询盘
                    </p>
                    <a class="link" href="">现在开始 <span>〉</span></a>
                </div>
                <div>
                    <div class="img img1">
                        <img src="./ucimg/组 1218.jpg" alt="">
                        <img class="bottom-img2" src="./ucimg/蒙版组 188.png" alt="">
                    </div>
                    <p class="title">完美支持移动端</p>
                    <p class="info">
                        您可以用手机随时随地编辑发布产品，前所未有的方便
                    </p>
                    <a class="link" href="">现在开始 <span>〉</span></a>
                </div>
                <div>
                    <div class="img img1">
                        <img src="./ucimg/组 1219.jpg" alt="">
                        <img class="bottom-img3" src="./ucimg/蒙版组 187.png" alt="">
                    </div>
                    <p class="title">免费使用</p>
                    <p class="info">
                        现在ecer产品发布系统是免费的，并且您的产品将获得更好的搜索排名
                    </p>
                    <a class="link" href="">现在开始 <span>〉</span> </a>
                </div>
            </div>
        </section>
    </div>
</body>

</html>
<script>
    $(document).ready(function () {
        $("#lista").addClass("animate")
    });
</script>